/* 
    Document   : forms
    Created on : 27-mrt-2012, 14:56:03
    Author     : Meje
    Description:
        css of all forms (contacts, orders, returns, products, parts)
*/
#form{
    float: left;
    width: 99%;
    margin: 0 0.5%;
    font-size: 13px;
}
h1{margin: 0 0 0 73px;}

#form form {margin-left: 62px;}

/* placing the input fields on new order right */
#form .left_title_cat{width:70px;}
#form .left_title{width: 85px;}
#form .left_error, #form .right_error{color: red; font-size: 10px; width: 120px;}
#form .left_error ul, #form .right_error ul{list-style: none; margin: 0 0 0 -30px;}
#form .left_error ul li, #form .right_error ul li{margin: 0 0 0 20px;}

#form .radio ul{list-style: none; margin-left: -30px; margin-top: 0px;}
#form .radio ul li{float: left; margin: 0;}
#form .radio ul li input{float: left; margin-left: 5px; margin-top: 0px;}

/*#form .right_title{width: 100px;}*/
#form .long_input input { width: 200px;}
#contact_note{width: 725px;}

/* Fieldsets */
#form legend{ font-size: 14px;}
#form fieldset{ max-width: 730px;}

/* The tables */
#form table{ width: 99%; border-collapse: collapse; table-layout: fixed; }
#form .head_small{
    background: #0174a8;
    font-size: 12px;
    color: white;
}
#form .table_top{
    margin-top: 0px;
    margin-left: 4px;
    width: 100%;
}
#order, #link_mat_pro { padding-top: 50px;}
#form #scroll_div{
    max-height: 400px;
    width: 100%;
    overflow: scroll;
}
#form #scroll_div table{
    margin-top: -17px;
    width: 100%;
}
/*.odd{ background: #c8ffff; }
.even{ background: #ffffff; }
.table_hov:hover{ background: #b1e8e8; }  the hovered over information changes color */

/* the buttons */
.bt_back{
    float: left;
    margin: -35px 0 0 -10px;
    width: 74px;
    height: 74px;
}
.ok{
    background: url(../images/Buttons/bt_ok.png);
    width: 75px;
    height: 48px;
    border: none;
    cursor: pointer;
    margin-left: 0;
    margin-bottom: -10px;
}
.ok:hover{
    background: url(../images/Buttons/bt_ok_hov.png);
    width: 75px;
    height: 48px;
    border: none;
    cursor: pointer;
    margin-bottom: -10px;
}
.ok_margin{ margin-top:-15px;}
.add_bt{
    background: url(../images/Buttons/bt_add_plus.png)no-repeat;
    width: 18px;
    height: 18px;
    border: none;
}
.add_bt:hover{
    background: url(../images/Buttons/bt_add_plus_hov.png)no-repeat;
}
.bt_empty{
    background: url(../images/Buttons/bt_empty_list.png)no-repeat;
    width: 110px;
    height: 63px;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
.bt_empty:hover{
    background: url(../images/Buttons/bt_empty_list_hov.png)no-repeat;
    width: 110px;
    height: 63px;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
.bt_update{
    background: url(../images/Buttons/bt_update_list.png)no-repeat;
    width: 110px;
    height: 63px;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
.bt_update:hover{
    background: url(../images/Buttons/bt_update_list_hov.png)no-repeat;
    width: 110px;
    height: 63px;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
.bt_delete{
    background: url(../images/Buttons/bt_bin.png)no-repeat;
    width: 19px;
    height: 32px;
    border: none;
}
.print{
    background: url(../images/Buttons/bt_print.png)no-repeat;
    border: none;
    width: 70px;
    height: 39px;
}
.print:hover{
    background: url(../images/Buttons/bt_print_hov.png)no-repeat;
    border: none;
    width: 70px;
    height: 39px;
}
/* error display on return orer */
.submit_error{ color: red; font-weight: bold; margin-left: 70px;}
/* the token */
.hidden_csrf{ visibility:hidden; }